<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>Bytetapper</title>
</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-57BBS40TVF"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());
  gtag('config', 'G-57BBS40TVF');
</script>

<body>
  <div id="app"></div>
</body>

</html>

<style lang="scss">
   .messageBox {
    padding: 20px;
    border-radius: 12px;
    background: rgba(33, 40, 50, 1);
    box-shadow: 0px 12px 24px 3px rgba(0, 0, 0, 0.6);

    .el-message-box__header {
      display: none;
    }

    .el-message-box__content {
      margin-bottom: 10px;
      opacity: 1;
      border-radius: 4px;
      background: rgba(28, 33, 40, 1);

      .el-message-box__container {
        padding: 40px 20px;
        font-size: 12px;
        color: #fff;
      }
    }

    .el-message-box__btns {
      .el-button {
        width: 50px;
        height: 26px;
        border: none;
        background: linear-gradient(180deg,
            rgba(66, 70, 79, 1) 0%,
            rgba(45, 46, 54, 1) 100%);
        box-shadow: inset 0px 1px 2px rgba(150, 146, 146, 0.25),
          0px 2px 2px rgba(0, 0, 0, 0.44);
        color: rgba(255, 255, 255, 1);
        span{
          font-size: 12px;
        }
      }

      .el-button:last-child {
        background: #15a251;
        box-shadow: inset 0px 1px 2px rgba(150, 146, 146, 0.25),
          0px 2px 2px rgba(0, 0, 0, 0.44);
      }
    }
  }
</style>